<ion-header>
    <ion-navbar>
        <ion-title>
            补充项
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="maint-user">

  <!-- <ion-list>
        <div class="kuang" *ngFor="let item of itemlist;let i = index" style="position: relative">
            <ion-card >
                <ion-icon name="ios-close-circle-outline" (click)="delete(i)" style="position: absolute;top: -20px;right: 0;"></ion-icon>
                    <ion-item style="border-bottom: 0 !important;">
                        <ion-label style="width:100%;">内容:</ion-label>
                        <ion-textarea type="text" placeholder="输入检查内容" rows="3"
                                    [(ngModel)]="item.maintContent"></ion-textarea>
                        <ion-thumbnail item-end>
                            <img src="assets/icon/ic_√_nomal.png" (click)="doOk(i)" *ngIf="!item.result.isOk">
                            <img src="assets/icon/ic_√_select.png" (click)="doOk(i)" *ngIf="item.result.isOk ">
                            <img src="assets/icon/ic_×_nomal.png" (click)="doOk(i)" *ngIf="item.result.isOk">
                            <img src="assets/icon/ic_×_select.png" (click)="doOk(i)" *ngIf="!item.result.isOk">
                        </ion-thumbnail>
                    </ion-item>
                    <ion-item no-lines>
                        <ion-label>补充:</ion-label>
                        <br>
                        <ion-textarea type="text" placeholder="输入其他要补充的内容" rows="3" col="8"  style="border-right: 0"
                                    [(ngModel)]="item.result.remark"></ion-textarea>
                    </ion-item>
                    <div class="camera">
                        <span float-left="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拍照:</span>
                        <img src="assets/icon/remark_camera.png" (click)="doCamera(i,'c')">
                        <img *ngFor="let pic of item.result.picUrl" (click)="onHold(i,pic)" src="{{whaturl(pic)}}"/>
                    </div>
            </ion-card>
        </div>
        <div class="camera2">
            <img src="assets/icon/plus2.png" (click)="add()" (touchstart)="add()">
            <p>添加自定义维保项</p>
        </div>
    </ion-list>  -->
    <ion-list>
            <div class="kuang" *ngFor="let item of itemlist;let i = index" >
                <ion-card>
                    <ion-icon name="ios-close-circle-outline" (click)="delete(i)" ></ion-icon>
                     <div class="cardAll">
                         <div class="lableContent" >
                                <ion-label  >内容:</ion-label>
                         </div>
                         <div  class="contentTextAll" >
                            <div class="contentText">
                                <ion-textarea type="text" placeholder="输入检查内容" rows="3"
                                [(ngModel)]="item.maintContent"></ion-textarea>
                            </div>
                                <ion-thumbnail item-end >
                                        <img  src="assets/icon/ic_√_nomal.png" (click)="doOk(i)" *ngIf="!item.result.isOk">
                                        <img  src="assets/icon/ic_√_select.png" (click)="doOk(i)" *ngIf="item.result.isOk ">
                                        <img  src="assets/icon/ic_×_nomal.png" (click)="doOk(i)" *ngIf="item.result.isOk">
                                        <img  src="assets/icon/ic_×_select.png" (click)="doOk(i)" *ngIf="!item.result.isOk">
                                </ion-thumbnail>
                         </div>
                     </div>  
                     <div class="cardAll">
                         <div class="lableContent"  >
                               <ion-label>补充:</ion-label>
                          </div>
                          <div  class="contentTextAll" >
                             <div  class="contentTextContent">
                                <ion-textarea type="text" placeholder="输入其他要补充的内容" rows="3" col="8"
                                   [(ngModel)]="item.result.remark"></ion-textarea>
                              </div>
                           </div>
                    </div>
                     <div class="camera">
                        <div class="labelContent"  >
                            <ion-label >拍照:</ion-label>
                        </div>
                        <div class="imgContent"  >
                            <img src="assets/icon/remark_camera.png" (click)="doCamera(i,'c')">
                            <img *ngFor="let pic of item.result.picUrl" (click)="onHold(i,pic)" src="{{whaturl(pic)}}"/>
                        </div>
                        </div>    
                </ion-card>
            </div>
            <div class="camera2">
                <img src="assets/icon/plus2.png" (click)="add()" (touchstart)="add()">
                <p>添加自定义维保项</p>
            </div>

            <div class="camera2">
                <div class="labelContent">
                    <ion-label >其他:</ion-label>
                </div>
                <div class="imgContent"  >
                    <img src="assets/icon/remark_camera.png" (click)="otherCamera('other','c')">
                    <img *ngFor="let pic of maintUserAdded.other.picUrl" (click)="onOtherHold('other',pic)" src="{{whatOtherurl(pic)}}" />
                </div>
            </div>
    </ion-list> 
    <button ion-button block class="submit1" (click)="cache()">暂存</button>
    <button ion-button block class="submit1" (click)="doSubmit()">下一步</button>
</ion-content>